<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
	<div class="form_box">
		<div class="title1">售后订单审核</div>
		<div class="title2">
			<div class="title2_text">电梯信息</div>
		</div>
		<div class="content_box1">
			<div class="content_item1">
				<div>电梯编号：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item1">
				<div>所在地区：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item1">
				<div>电梯地址：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item1">
				<div>电梯使用标志：</div>
				<img class="content_item1_img"
					src="https://file.gkzzd.cn/www/gkzzd/uploads/20220106/664e14eefd3bbfd16838bef9bec6de62.png" alt="">
			</div>
			<div class="content_item2">
				<div>
					<span>业主姓名：</span>
					<span>xxxxxx</span>
				</div>
				<div>
					<span>电梯规格：</span>
					<span>xxxxxx</span>
				</div>
			</div>
			<div class="content_item2">
				<div>
					<span>联系电话：</span>
					<span>xxxxxx</span>
				</div>
				<div>
					<span>业务员：</span>
					<span>xxxxxx</span>
				</div>
			</div>
		</div>
		<div class="title2">
			<div class="title2_text">售后信息</div>
		</div>
		<div class="content_box1">
			<div class="content_item3">
				<div>套餐名称：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3">
				<div>套餐时长：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3">
				<div>成交价格：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3">
				<div>付款时间：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3">
				<div>售后编号：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3">
				<div>售后原因：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3"></div>
			<div class="content_item3">
				<div>申请时间：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3">
				<div>支付方式：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3">
				<div>交易流水号：</div>
				<div>xxxxxx</div>
			</div>
			<div class="content_item3"></div>
			<div class="content_item3"></div>
			<div class="content_item1">
				<div>补充原因：</div>
				<textarea style="height: 80px;" name="" id="" cols="30" rows="10"></textarea>
			</div>
			<div class="content_item4">
				<div>补充证据：</div>
				<img class="content_item1_img" src="https://file.gkzzd.cn/www/gkzzd/uploads/20220106/664e14eefd3bbfd16838bef9bec6de62.png" alt="">
				<img class="content_item1_img" src="https://file.gkzzd.cn/www/gkzzd/uploads/20220106/664e14eefd3bbfd16838bef9bec6de62.png" alt="">
				<video class="content_item1_img" src=""></video>
			</div>
		</div>
		<div class="title2">
			<div class="title2_text">审核信息</div>
			<span style="margin-right: 20px;color: rgb(243,165,88);">待审核</span>
		</div>
		<div class="content_box1">
			<div class="content_item1">
				<div> <span style="color: red;">*</span> 审核信息：</div>
				<div>
					<input type="radio" name="" checked>同意退款
					<input type="radio" name="">关闭售后
				</div>
			</div>
			<div class="content_item1">
				<div>关闭原因：</div>
				<div>
					<input type="radio" name="" checked>用户已使用过套餐
					<input type="radio" name="">协商一致
				</div>
			</div>
		</div>
		<div class="btn_box">
			<button>保存</button>
			<button>取消</button>
		</div>
	</div>
</form>
<style>
	.form_box{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.title1,.title2{
		width: 100%;
		font-weight: bold;
	}
	.title1{
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
	}
	.title2{
		background-color: rgb(215,215,215);
		display: flex;
		align-items: center;
	}
	.title2_text{
		margin: 10px 30px;
	}
	
	.content_box1{
		margin-top: 30px;
		width: 90%;
		display: flex;flex-wrap: wrap;
		
	}
	.content_item1{
		width: 33%;
		margin-bottom: 30px;
		display: flex;
		align-items: center;
	}
	.content_item2{
		width: 33%;
		margin-bottom: 30px;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
	.content_item3{
		width: 25%;
		margin-bottom: 30px;
		display: flex;
		align-items: center;
	}
	.content_item4{
		width: 50%;
		margin-bottom: 30px;
		display: flex;
		align-items: center;
	}
	.content_item1_img{
		margin: 0 20px;
		max-width: 150px;
		max-height: 150px;
	}
	.btn_box{
		margin: 20px 0;
		width: 10%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
</style>